<template>
  <div>
    <el-button type='primary' @click="show">
      图标选择器
    </el-button>
    <!-- 方法2 -->
    <!-- <LyChooseIcon :title="title" ref="dialogVisible"></LyChooseIcon> -->
    <!-- 方法2 -->
    <LyChooseIcon :title="title" v-model:visible="visible"></LyChooseIcon>
  </div>
</template>

<script lang='ts' setup>
import { ref } from 'vue'
// 方法1
// const visible = ref(false)
// const title =ref('选择图标')
// let handleClick = () => {
//   visible.value = true
// }

// 方法2
// const dialogVisible: Ref = ref(null)
// let handleClick = () => {
//   dialogVisible.value.show()
// }

// 方法3
const visible = ref(false)
const title =ref('选择图标')
let show = () => {
  visible.value = true
}
</script>

<style lang='scss' scoped>

</style>